<script setup>
import { ref } from "vue";
import { useRoute,useRouter } from "vue-router";
import { ElMessage } from 'element-plus'
const router = useRouter()
const route =useRoute()
</script>
<template>
    <div class="message-box">
         <!-- 头部 -->
         <el-menu
        :default-active="route.path"
        router
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
        >
        <el-menu-item 
        index="/messageBoard/feedback">反馈</el-menu-item>
        <el-menu-item 
        index="/messageBoard/comment">评论</el-menu-item>
        <el-menu-item 
        index="/messageBoard/unPassArticle">被驳回帖子</el-menu-item>
        </el-menu>
        <!-- 三级路由出口 -->
        <router-view ></router-view>
    </div>
</template>
<style lang="scss" scoped>

</style>